<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('classification2-page/css/classification2.css')"></script>
<div class="bar  bar-nav" style="z-index: 9999;" ng-init="getFirstType()">
    <div class="bar bar-header-secondary" style="z-index:99999">
        <div class="searchbar">
            <a class="searchbar-cancel" ng-click="getSearch()">检索</a>

            <div class="search-input">
                <label class="icon icon-search" for="search"></label>
                <input type="search" id='search' ng-model="keyWord" value="{{keyWord}}" ng-click="getSearch()" placeholder='大家都在搜...'/>
            </div>
        </div>
    </div>
</div>
<div class="content" ng-init="turnList()">
    <div class="content_tips">
        <div class="content_left">
            <ul>
                <li class="click_div">
                    烹饪
                </li>
                <li>
                    上下五千年
                </li>
                <li>
                    历史人物
                </li>
                <li>
                    一带一路
                </li>
                <li>
                    千年大计
                </li>
                <li>
                    聚焦名校
                </li>
                <li>
                    自然之路
                </li>
                <li>
                    物种起源
                </li>
                <li>
                    民族荟萃
                </li>
                <li>
                    精准扶贫
                </li>
            </ul>
        </div>
        <div class="content_right">
            <div class="tab display">
                <div class="img1"><img src="page/classification2-page/img/learn1.png"></div>
                <ul>
                    <li>鲁菜</li>
                    <li>川菜</li>
                    <li>苏菜</li>
                    <li>粤菜</li>
                    <li>闽菜</li>
                    <li>浙菜</li>
                    <li>徽菜</li>
                    <li>湘菜</li>


                </ul>
            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/learn.png"></div>

                <ul>
                    <li>百年屈辱</li>
                    <li>封建专制</li>
                    <li>新中国成立</li>
                    <li>改革开放</li>
                    <li>货币的演变</li>
                    <li>郑和下西洋</li>
                    <li>戏曲</li>
                    <li>非物质文化遗产</li>


                </ul>
            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/history.png"></div>

                <ul>
                    <li>政治家</li>
                    <li>作家</li>
                    <li>科学家</li>
                    <li>医学家</li>

                </ul>
            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/road.png"></div>
                <ul>
                    <li>陆上丝绸之路</li>
                    <li>海上丝绸之路</li>
                    <li>第一亚欧大陆桥</li>
                    <li>第二亚欧大陆桥</li>
                    <li>重要建设枢纽</li>
                    <li>重要交通枢纽</li>


                </ul>

            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/thousand.png"></div>
                <ul>
                    <li>雄安新区</li>
                    <li>浦东新区</li>
                    <li>深圳特区</li>


                </ul>

            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/qinghua.png"></div>
                <ul>
                    <li>语言</li>
                    <li>社会</li>
                    <li>经济</li>
                    <li>师范</li>
                    <li>医学</li>
                    <li>计算机/互联网</li>
                    <li>艺术</li>


                </ul>

            </div>

            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/nature.png"></div>

                <ul>
                    <li>地形</li>
                    <li>气候</li>
                    <li>水文</li>
                    <li>植被</li>
                    <li>天文</li>
                    <li>海市蜃楼</li>


                </ul>
            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/birth.png"></div>

                <ul>
                    <li>达尔文</li>
                    <li>杂交实验</li>
                    <li>分子与细胞</li>
                    <li>遗传与进化</li>
                    <li>群落的结构</li>
                    <li>生态环境的保护</li>


                </ul>
            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/culture.png"></div>
                <ul>
                    <li>蒙古族</li>
                    <li>回族</li>
                    <li>维吾尔族</li>
                    <li>壮族</li>
                    <li>藏族</li>


                </ul>
            </div>
            <div class="tab hidden">
                <div class="img1"><img src="page/classification2-page/img/culture.png"></div>
                <ul>
                    <li>白玉县</li>
                    <li>炉霍县</li>
                </ul>
            </div>

        </div>
    </div>

    <!--内容区-->
</div>
<nav class="bar bar-tab">
    <a class="tab-item external " href="#/home">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item active external" href="#">
        <span class="icon icon-app"></span>
        <span class="tab-label">分类</span>
    </a>
    <a class="tab-item external" href="#/reflection">
        <span class="icon icon-message"></span>
        <span class="tab-label">动态</span>
    </a>
    <a class="tab-item external" href="#/individual-center">
        <span class="icon icon-me"></span>
        <span class="tab-label">我的</span>
    </a>
</nav>
<div ng-init="suiMobileInit()"></div>